<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button class="get">查看数据</button>
    <button class="push">添加数据</button>
    <button class="put">更改数据</button>
    <button class="delete">删除数据</button>
    <!-- <script src="../script/axios.min.js"></script> -->
    <script src="../script/jquery.min.js"></script>
    <script>
        $(".get").click(function(){
            $.ajax({
                url : "/fruits",
                type : "get"
            }).done(res => {
                console.log(res,"jquery方法")
            })
        })

        // 待定
        // $(".push").click(function(){
        //     $.ajax({
        //         url : "/fruits",
        //         type : "post",
        //     }).done(res => {
        //         console.log(res,"jquery方法")
        //     })
        // })


        // document.querySelector(".get").onclick = function(){
        //     axios.get("/fruits").then(res => {
        //         console.log(res.data)
        //     })
        // }
        // document.querySelector(".push").onclick = function(){
        //     axios.post("/fruits",{
        //         fruit : "呲梅"
        //     }).then(res => {
        //         console.log(res.data)
        //     })
        // }
        // document.querySelector(".put").onclick = function(){
        //     axios.put("/fruits/1",{
        //         fruit : "魔猴桃"
        //     }).then(res => {
        //         console.log(res.data)
        //     })
        // }
        // document.querySelector(".delete").onclick = function(){
        //     axios.delete("/fruits/1",{
        //         fruit : "魔猴桃"
        //     }).then(res => {
        //         console.log(res.data)
        //     })
        // }
    </script>
</body>
</html>